import { styled } from '@mui/material'
import { Link } from 'react-router-dom'

const StyledContainer = styled('div')(() => ({
	display: 'flex',
	marginBottom: '10px',
	width: '992px',
	minHeight: 'calc(100vh - 299px)',
	flexDirection: 'column',
}))

const Home = () => {
	return (
		<StyledContainer>
			<>HOME</>
			<Link to={'catalog'}>Каталог</Link>
			<Link to={'favorites'}>Избранное</Link>
		</StyledContainer>
	)
}

export default Home
